@charset "utf-8";

/********** Global **********/
/*
 *常用背景色： #0b0f34 (6,64,102) (29,45,57) (7,33,58) (8,13,28) (15,43,36)
 */
.main-content {
  width:100%;
  height:100%;
  min-height:635px;
  font-family:"microsoft yahei", arial, sans-serif;
  background-color:#0f1c30;
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%;
  overflow-x:hidden;
  overflow-y:auto;
  background-image:url("../img/bg.jpg");
}

.screen-header {
  display: flex;
  margin:10px;
  height:100px;
  max-width:1920px;
  background-image:url("../img/header-bg.png");
  background-size: 100% 100px;
  background-repeat:no-repeat;
}
.screen-header h3 {
  margin:0;
  padding:20px 20px 20px 20px;
  line-height:50px;
  font-size:30px;
  font-weight: bolder;
  color:#ffffff;
  letter-spacing: 3px;
}
.screen-header h2 {
  margin:0;
  padding:20px 20px 20px 20px;
  line-height:50px;
  font-size:24px;
  font-weight: bolder;
  color:#00c5fd;
  position: absolute;
  right: 40px;
}
.screen-header img {
  padding: 20px 20px 20px 50px;
}
.wrapper {position:absolute;top:120px;bottom:0;left:0;right:0;min-height:555px;margin-left: 10px;margin-right: 10px}
.container-fluid {height:100%;min-height:100%;}
.row {margin-left:-7px;margin-right:-8px;}
.row>div {padding-left:7px;padding-right:8px;}
.xpanel-wrapper {padding-bottom:15px;box-sizing:border-box;}
.xpanel-wrapper-1 {height:100%;position: relative}
.xpanel-wrapper-2 {height:50%;position: relative}
.xpanel-wrapper-3 {height:33.33333%;position: relative}
.xpanel {
  padding:15px;
  height:100%;
  min-height:170px;
  background:url("../img/panel.png") center no-repeat;
  background-size:100% 100%;
  box-sizing:border-box;
}
.xpanel-1 {
  padding:15px;
  height:100%;
  min-height:170px;
  background:url("../img/panel-1.png") center no-repeat;
  background-size:100% 100%;
  box-sizing:border-box;
}
.span-title {
  width: 100%;
  position: absolute;
  text-align: center;
  color: #f5f5f5;
  font-family: cursive;
  font-weight: bolder;
}
/* tool */
.fill-h {height:100%;min-height:100%;}
.no-margin {margin:0 !important;}
.no-padding {padding:0 !important;}

/* scrollbar */
::-webkit-scrollbar {width:8px;height:8px;}
::-webkit-scrollbar-track {background-color:transparent;}
::-webkit-scrollbar-thumb {border-radius:5px;background-color:rgba(0, 0, 0, 0.3);}


.img_icon {
  height: 35px;
  padding-bottom: 6px;
  padding-left: 6px;
}